{include file="public/header" /}
<section>
	<article>
		<figure>
			<figcaption><h1>{$data.title}</h1></figcaption>
			<div class="layui-item">
				<span class="layui-about"><i class="layui-icon">&#xe60b;</i><em>点击图片或者“上一张、下一张”切换</em></span>
				<span class="layui-bigpic"><i class="layui-icon">&#xe64a;</i><em>查看原图</em></span>
			</div>
			<a id="show_cur_img" href="javascript:;"><img src="{$data.pictureurls[0]['url']}" alt="{$data.pictureurls[0]['alt']}" data-key="0" /></a>
			<div class="layui-control">
				<a id="prepic" class="layui-btn" href="javascript:;">上一张</a>
				<a id="totalpic" class="layui-btn" data-id="{$data.id}"><span id="cur_no">1</span>/<span id="pic_total">{$data.pictureurls|count}</span></a>
				<a id="nextpic" class="layui-btn" href="javascript:;">下一张</a>
			</div>
			<div class="layui-tobar">
				<span class="layui-enjoy"><i class="layui-custom-icon"></i><em id="enjoy_count">{$data.digg}</em>人喜欢</span>
				<span class="layui-hits"><i class="layui-icon">&#xe613;</i><em id="hits"></em>人浏览</span>
				<span class="layui-type"><i class="layui-icon">&#xe857;</i><a href="{:url('index/cat',['catid'=>$data.catid])}">{$catname}</a></span>
			</div>
			<ul class="layui-moreread">
				<li><span class="layui-badge">上一组</span>{empty name="pre"}<a href="javascript:layer.alert('暂时没有上一组图片',{skin: 'layui-alert'});">暂时没有上一组图片</a>{else}<a href="{:url('index/detail',['id'=>$pre.id])}" title="{$pre.title}" />{$pre.title|mb_substr=0,20,'utf-8'}</a>{/empty}</li>
				<li><span class="layui-badge">下一组</span>{empty name="next"}<a href="javascript:layer.alert('暂时没有下一组图片',{skin: 'layui-alert'});">暂时没有下一组图片</a>{else}<a href="{:url('index/detail',['id'=>$next.id])}" title="{$next.title}" />{$next.title|mb_substr=0,20,'utf-8'}</a>{/empty}</li>
			</ul>
		</figure>
		<hgroup>
			<div class="layui-rec-title"><h2>本类推荐</h2></div>
			<ul class="layui-rec-box">
				{volist name="rec" id="vo"}
				<li><span>{$vo.inputtime|date="Y-m-d",###}</span><a href="{:url('index/detail',['id'=>$vo.id])}">{$vo.title}</a></li>
				{/volist}
			</ul>
			<div class="layui-comment">
<!--WAP版-->
<div id="SOHUCS" sid="{$data.id}" ></div>
<script id="changyan_mobile_js" charset="utf-8" type="text/javascript"
src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=cyttPnySC&conf=prod_091983e81b15b8a51849c71b7b2dc98c">
</script>
			</div>
		</hgroup>
	</article>
</section>
{load href="__LAYUI__/detail.js" /}
<script type="text/javascript" src="{:url('hits/views',['id'=>$data.id])}"></script>
{include file="public/footer" /}
